<html>

<div class="container-fluid">

	<div class="row-fluid">   
                    
	 	<div style="margin-top:10px; margin-bottom:10px;">
		<h2 margin-top=40px>Story title :D</h2>
                </br>
                </div>

                <span class="label label-info" style="color: blue" data-toggle="collapse" data-target="#s" data-parent="#selector">Content :</span>
                <div id="s" style="margin-top:10px; margin-bottom:10px;" class = "collapse in">
        	        
		 <p>nothing important ............................. </p>
                </div>

                <span class="label label-info" style="color: blue" data-toggle="collapse" data-target="#i" data-parent="#selector">Media : </span>
                <div id="i" style="margin-top:10px; margin-bottom:10px;" class="collapse in">
                <a href=""><img src="http://i115.photobucket.com/albums/n317/Razor_Scion/Troll_Face_small_inline.png" margin-left=20px margin-top=100px></a>
                </div>
		
		
                <span class="label label-info" data-toggle="collapse" style="color: blue" data-target="#c" data-parent="#selector"> Status : </span>
                <div id="c" style="margin-top:10px; margin-bottom:10px;" class = "collapse in">
                <p>4 user liked this story </p>
                <p>298 user dislikes this story </p>
		</br></br>

                <span class="label label-info" data-toggle="collapse" data-target="#c" style="color: blue" data-parent="#selector">Comments : </span>
                <div id="c" style="margin-top:10px; margin-bottom:10px;" class = "collapse in">
                <p>misho commented:  </p>
		<p>i liked this story  </p>
			
                </div>
        </div>
</div>
</html>
